/**主页样式**/
/*所有的样式class,id都以u_开头*/

body, html {
    font-size: 12px;
    overflow: auto;
}

body {
    background-color: #E6E8EF;
}

.u_bg {
    background: url("../images/u_icons_bar.png") no-repeat;
}

/*for main.css*/
#u_header {
    height: 68px;
    display: block;
    overflow: hidden;
    position: absolute;
    background: url("../images/u_header_bg.png") repeat-x;
    left: 0px;
    right: 0px;
}

/*----------------------main---------------------------*/
#u_main {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 68px;
    bottom: 38px;
    left: 0px;
    right: 0px;
}

#u_nav {
    width: 200px;
    position: absolute;
    display: block;
    bottom: 0px;
    top: 0px;
    left: 0px;
    background-color: #9298a3;
    overflow-x: hidden;
    overflow-y: auto;
}

#u_content {
    border-top: 1px outset #4B4F56;
    position: absolute;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    bottom: 0px;
    top: 0px;
    right: 0px;
    left: 200px;
    background-color: #e6e8ef;
}

/*--------------------footer-------------------------*/
#u_footer {
    height: 38px;
    display: block;
    overflow: hidden;
    position: absolute;
    background-color: #6e6e70;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

#u_footer p {
    text-align: center;
    color: #FFFFFF;
    margin: 8px auto auto auto;
}

/**---------------user-box------------------------**/
#u_logo {
    margin: 10px;
}

span.u_version {
    bottom: 3px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.u_user_box {
    height: 83px;
    width: 200px;
    border-top: 1px outset #4B4F56;
    border-bottom: 1px solid #4b4f56;
    position: absolute;
    border-radius: 0 0 4px 4px;
}

.u_user_photo {
    background-position: -60px -263px;
    display: block;
    height: 56px;
    left: 10px;
    position: absolute;
    top: 14px;
    width: 56px;
    text-align: center;
}

.u_user_img {
    margin: 0px auto auto;
}

.u_user_lg_info {
    color: #FFFFFF;
    display: block;
    height: 56px;
    margin-left: 10px;
    position: absolute;
    right: 11px;
    top: 14px;
    width: 114px;
}

.u_btn {
    background-position: -14px -343px;
}

.u_user_lgout {
    border: medium none;
    bottom: 2px;
    color: #FFFFFF;
    display: block;
    height: 27px;
    position: absolute;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.u_user_lgout:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.u_user_name {
    display: block;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 100%;
}

/**------------u_icons-------------------**/

[class^="u_icon-"], [class*=" u_icon-"] {
    background: url("../images/u_icons_bar.png") no-repeat;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    vertical-align: text-top;
    width: 20px;
}

/**u_icons**/
.u_icon-device-manager {
    background-position: -124px -233px;
}

.u_icon-data-safty {
    background-position: -52px -234px;
}

.u_icon-setting {
    background-position: -17px -233px;
}

.u_icon-rate {
    background-position: -101px -97px;
    height: 20px;
    width: 35px;
}

.u_icon-statistics {
    background-position: -87px -233px;
}

.u_icon-wifi {
    background: url("../images/u_big_icons.png") no-repeat;
    background-position: -16px -89px;
    width: 30px;
    height: 30px;
}

.u_icon-nowifi {
    background: url("../images/u_big_icons.png") no-repeat;
    background-position: -59px -94px;
    width: 30px;
    height: 30px;
}

.u_icon-3g {
    background: url("../images/u_big_icons.png") no-repeat;
    background-position: -95px -95px;
    width: 30px;
    height: 30px;
}

.u_icon-no3g {
    background: url("../images/u_big_icons.png") no-repeat;
    background-position: -135px -89px;
    width: 30px;
    height: 30px;
}

.u_icon-mobile {
    background: url("../images/u_big_icons.png") no-repeat;
    background-position: -95px -30px;
    width: 30px;
    height: 30px;
}

.u_icon-nomobile {
    background: url("../images/u_big_icons.png") no-repeat;
    background-position: -133px -30px;
    width: 30px;
    height: 30px;
}

.u_icon-iphone {
    background-position: -13px -16px;
    height: 30px;
    width: 30px;
}

.u_icon-battery {
    background-position: -92px -60px;
    height: 16px;
    width: 28px;
}

.u-battery-power {
    background: none repeat scroll 0 0 yellow;
    border-top: 1px solid white;
    display: block;
    height: 7px;
    margin-left: 4px;
    margin-top: 4px;
    width: 1px;
    /*width: 18px;*/
}

.u_icon-child-nav-btn {
    background-position: -48px -94px;
    height: 18px;
    width: 19px;
}

/**--------------------nav-bar--------------------**/
.u_nav_bar_box {
    display: block;
    position: absolute;
    width: 100%;
    left: 0px;
    right: 0px;
    top: 83px;
    color: #27272b;
}

.u_nav_bars {
    list-style: none;
}

ul.u_nav_bars {
    margin: 2px 0px 0px;
}

.u_nav_bars>li {
    font-size: 14px;
    font-weight: bold;
    width: 175px;
    display: inline-block;
    line-height: 35px;
    vertical-align: middle;
    height: 35px;
    background: url("../images/u_nav_btn_bg.png") repeat-x 0 -36px;
    padding-left: 24px;
    cursor: pointer;
}

.u_nav_bars>li:hover, .u_nav_bars>li.active {
    background: url("../images/u_nav_btn_bg.png") repeat-x 0 -1px;
}

.u_nav_bars>li.active {
    height: auto;
    width: 176px;
}

.u_nav_bars>li>a {
    color: #27272b;
    line-height: 20px;
    vertical-align: middle;
    height: 20px;
    text-decoration: none;
}

/**u_header_bars**/
/*ul.u_header_bars>li.active, ul.u_header_bars>li:hover {*/
ul.u_header_bars>li.active {
    background: url("../images/u_icons_bar.png") -14px -138px no-repeat;
}

.u_header_tools {
    display: block;
    position: absolute;
    min-width: 150px;
    top: 0px;
    right: 0px;

}

ul.u_header_bars {
    margin: 0px;
    display: block;
    list-style: none;
}

ul.u_header_bars>li {
    float: left;
    color: #FFFFFF;
    text-align: center;
}

.u_header_bars>li {
    height: 66px;
    width: 83px;
    display: block;
}

.u_header_bars>li>i[class^='u_icon-'] {
    margin-top: 6px;
}

.u_header_bars>li>span {
    width: 82px;
    display: inline-block;
}

ul.u_child_nav {
    display: none;
    clear: both;
    overflow: hidden;
}

.u_nav_bars>li.active>ul.u_child_nav>li:hover, .u_nav_bars>li.active>ul.u_child_nav>li.active {
    background-color: #c6ccd6;
}

.u_nav_bars>li.active>ul.u_child_nav>li.active {
    background: url("../images/u_icons_bar.png") no-repeat scroll -279px -272px #C6CCD6;
}

.u_nav_bars>li.active>ul.u_child_nav {
    list-style: none outside none;
    margin-left: -24px;
    /*display: block;*/
}

.u_nav_bars>li.active>ul.u_child_nav>li {
    background-color: #aeb6c3;
    border-bottom: 1px solid #4b4f56;
    font-size: 12px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    padding-left: 42px;
}

ul.u_child_nav>li>a {
    color: #27272b;
    text-decoration: none;
}

/**content iframe**/
.u_content_box {
    border: #bec0c7 1px solid;
    border-radius: 5px;
    background-color: #E6E8EF;
    bottom: 5px;
    display: block;
    left: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 5px;
    top: 5px;
}

iframe {
    border: none;
    bottom: 0px;
    display: block;
    border-radius: 5px;
    left: 0px;
    overflow-x: auto;
    overflow-y: auto;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.u_child_box {
    clear: both;
    display: block;
    position: relative;
}

.u_title_bar {
    background: url("../images/u_title_bar_bg.png") repeat-x scroll 0 -9px transparent;
    display: block;
    height: 37px;
    position: relative;
    width: 100%;
    top: 0px;
    clear: both;
}

.u_title_bar>span.u_title {
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 37px;
    line-height: 37px;
    margin: auto;
    text-align: center;
    width: auto;
}

.u_child_box_content {
    display: inline-block;
    width: 100%;
}

.u_c_box {
    float: left;
    display: block;
    width: 50%;
}

.u_c_b_content {
    border: 1px solid;
    margin: 20px;
    padding: 14px;
    background-color: #DBDEE5;
    border: 1px solid #BEC0C7;
    display: block;
    /*text-align: center;*/
}

.u_w_100 {
    width: 100%;
}

input[type="text"], .u_c_box table input[type="text"], input[type="password"], .u_c_box table input[type="button"] {
    margin: auto;
    /*background-color: #cbcdd4;*/
    background-color: #F5F5F5;
    border: 1px solid #9da2ad;
}

textarea {
    background-color: #F5F5F5;
}

.u_c_box table td, .u_c_box table th {
    height: 35px;
    line-height: 35px;
}

.u_m_top_auto {
    margin-top: auto;
}

.u_device_space_bar {
    border: 1px solid #949f8d;
    list-style: none outside none;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
}

ul.u_device_space_bar>li {
    display: block;
    float: left;
    height: 20px;
    margin: auto;
}

ul.u_device_space_bar>li span {
    color: #FFFFFF;
    display: block;
    margin: auto 10px;
    position: absolute;
}

ul.u_device_space_bar>li:last-child, ul.u_device_space_bar>li:last-child span {
    text-align: right;
    color: #000000;
}

.u_space_img_bg {
    background-color: #cc8f38;
}

.u_space_apps_bg {
    background-color: #60ae4e;
}

.u_space_other_bg {
    background-color: #5a97e0;
}

.u_space_useable_bg {
    background-color: #b9bcc4;
}

.u_table {
    margin: auto;
}

.u_table td {
    vertical-align: middle;
}

.u_table tr:nth-child(odd) {
    background: #dbdee5;
}

table.u_table td, table.u_table th {
    height: 30px;
    line-height: 30px;
    padding: 2px 5px;
    text-align: center;
    border: 1px solid #c5c9d2;
}

table.u_table th {
    background: #dbdee5;
}

.u_font_bold {
    font-weight: bold;
}

.u_container {
    background: none;
    padding: 0px;
    border: none;
}

.u_c_b_bg {
    background-color: #eff2f7;
}

.u_gmap {
    padding: 0px;
}

.u_gmap img {
    max-width: none;
}

table.u_text_table td {
    height: 50px;
    line-height: 50px;
    background-color: #eff2f7;
}

table.u_text_table input[type="button"] {
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    margin: auto 15px;
    width: 150px;
}

table.u_text_table .u_span_text {
    margin: auto 15px;
}

div.u_text_right {
    text-align: right;
}

.u_container ul.u_device_space_bar {
    float: left;
    margin: 15px auto auto;
}

table.u_text_table td.u_td_gray_bg {
    background-color: #dbdee5;
}

.u_table_ul {
    margin: auto;
    list-style: none;
    display: inline-block;
    width: 100%;
}

.u_table_ul>li {
    float: left;
    margin: auto 15px;
}

table.u_table th.text-left {
    text-align: left;
}

.u_no_padding_border {
    padding: 0px;
    border: none;
}

.u_c_b_bg_none {
    background: none;
}

.u_c_b_bg_none form {
    margin: 0px 0px 10px;
}

.u_c_b_bg_none form input[type="text"] {
    background-color: #CBCDD4;
    border: 1px solid #9DA2AD;
    margin: auto;
}

table.u_personal {
    margin-top: 20px;
}

table.u_personal td {
    background: #eff2f7;
    padding: 15px;
}

.u_personal table.u_table:last-child {
    margin: 15px auto auto auto;
}

.u_personal table.u_table td {
    font-weight: bold;
    padding-left: 30px;
    text-align: left;
    background: #e8eaf0;
}

.u_personal i[class^="u_icon"] {
    background: url("../images/u_personal_edit.png") no-repeat;
    display: inline-block;
}

.u_personal i.u_icon-edit {
    background-position: -13px -209px;
    height: 18px;
    width: 18px;
    margin-top: 7px;
    cursor: pointer;
}

input.u_icon-submit-btn {
    background: url("../images/u_personal_edit.png") no-repeat scroll -13px -257px transparent;
    border: medium none;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    width: 187px;
}

table td.u_contrl-bar {
    background-color: #e3e6ec;
    text-align: right;
    padding-right: 20px;
}

.u_person-photo {
    background: url("../images/u_personal_edit.png") no-repeat scroll -13px -19px transparent;
    display: block;
    height: 173px;
    line-height: 173px;
    text-align: center;
    width: 173px;
    margin: auto;
}

.u_person-photo img {
    display: block;
    clear: both;
    margin: auto;
}

table.u_personal td.u_align-top {
    vertical-align: top;
}

.u_person-photo i.u_icon-edit {
    margin-right: 15px;
}

.u_table.u_personal input[type="password"] {
    background-color: #CBCDD4;
    border: 1px solid #9DA2AD;
    margin: auto;
}

.u_label {
    font-weight: bold;
    width: 120px;
    display: inline-block;
    text-align: right;
}

table td.u_align-center {
    text-align: center;
}

.u_password-logo {
    color: #B4B4C0;
    font-size: 32px;
    font-style: italic;
    font-weight: bold;
}

.u_input-text-group {
    margin: 10px auto;
}

.u_password-box {
    min-width: 600px;
    width: 60%;
}

.u_power_header {
    clear: both;
    display: block;
    height: 30px;
    line-height: 30px;
}

.u_c_loading {
    padding: 20px;
    display: block;
}

[class^="icon-"] {
    background-image: url("../plugin/bootstrap/img/glyphicons-halflings-smart.png");
}

i.icon-white, i[class^="icon-"]:hover {
    background-image: url("../plugin/bootstrap/img/glyphicons-halflings-white.png");
}

.u_c_btn {
    background: #c7cbd3;
    border: 1px solid #9da2ad;
}

.u_c_btn:hover {
    background-color: #506789;
    color: #FFFFFF;
}

.u_c_btn:hover i[class^="icon-"] {
    background-image: url("../plugin/bootstrap/img/glyphicons-halflings-white.png");
}

.u_c_header {
    background: none repeat scroll 0 0 #DCDEE5;
    border-bottom: 1px solid #BEC0C7;
    clear: both;
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.u_c_m_h {
    float: none;
    left: 0;
    min-width: 610px;
    padding: 0 10px;
    position: absolute;
    right: 0px;
}

.u_c_main table tr:nth-child(2n+1) {
    background: #E8EAF0;
}

label {
    display: inline-block;
    margin: auto;
}

.footer_bar {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0px 5px 10px;
    border-bottom: 1px solid rgb(207, 201, 207);
}

.footer_bar .pagination {
    margin: auto;
}

.error {
    margin-left: 5px;
    color: red;
}

.gray {
    color: #808080;
}

form {
    margin: auto;
}

th>a {
    color: #3D414C;
}

label.error {
    background-position: 1px 4px;
}